<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">	
<f:view contentType="text/html">
	<h:head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="resource/css/default.css"
			media="screen" />
		<title>Foncodes - Sistema de Seguridad SEGA</title>
		<ui:insert name="head">
		</ui:insert>
		<style type="text/css">
                    .new {
                            background: url(resource/images/new.png) no-repeat;
                    }

                    .search {
                            background: url(resource/images/search.png) no-repeat;
                    }
                </style>        

<script type="text/javascript">
	function start() {
        startButton1.disable();
        window['progress'] = setInterval(function() {
            var oldValue = pbClient.getValue(),
            newValue = oldValue + 10;

            pbClient.setValue(pbClient.getValue() + 10);

            if(newValue == 100) {
                clearInterval(window['progress']);
            }

        }, 1000);
    }

    function cancel() {
        clearInterval(window['progress']);
        pbClient.setValue(0);
        startButton1.enable();
    }

	function salir(){			
			document.location="logoff.jsp";
		}    
</script>

	</h:head>
	<h:body>
		<div class="outer-container">

			<div class="inner-container">
                            <div class="header">
                                    <div class="title">
                                            <div class="logo">
                                                    <img src="#{request.contextPath}/resource/images/logo.png" />
                                            </div>
                                            <!-- span class="sitename"><a href="#">Registro
                                                            Beneficiarios</a> </span>
                                            <div class="slogan">D.U N° 037-94</div-->

                                            <div class="userdate">
                                                    <p:commandButton type="button" icon="ui-icon-person" />
                                                    <h:outputText value="eramirez" />
                                                    <h:outputText value="&#160;" />
                                                    <!-- p:commandButton type="button" icon="ui-icon-key" outcome="/logoff.jsp" ajax="false" /-->  
                                                    <p:commandButton  icon="ui-icon-key" onclick="salir();" />
                                                <h:outputText value="Salir" />  
                                            </div>
                                    </div>
                            </div>
                            <div class="menu">
                                <p:menubar id="menu">
                                        <p:submenu label="Aplicaciones"
                                                   icon="ui-icon-arrowreturnthick-1-w"></p:submenu>
                                        <p:submenu label="Usuarios"
                                                               icon="ui-icon-arrowreturnthick-1-w"></p:submenu>
                                        <p:submenu label="Conexiones"
                                                                   icon="ui-icon-arrowreturnthick-1-w"></p:submenu>
                                        <p:submenu label="Reportes"
                                                                       icon="ui-icon-arrowreturnthick-1-w"></p:submenu>
                                        <p:submenu label="Configuracion"
                                                                           icon="ui-icon-arrowreturnthick-1-w"></p:submenu>
                                </p:menubar>
                                
                            </div>
				
				<div class="main">

					<div class="content">
						<ui:insert name="content">

						</ui:insert>
					</div>

					<div class="clearer"></div>

				</div>

				<div class="footer">
					<span class="left">Desarrollado <a
						href="http://www.foncodes.gob.pe/portal/index.php">Foncodes</a> </span> <span class="right">
						<p:ajaxStatus>
							<f:facet name="start">
								<h:graphicImage value="resource/images/ajax-loader.gif" />
							</f:facet>

							<f:facet name="complete">
                                                                        Status
                                                                </f:facet>
						</p:ajaxStatus> </span>

					<div class="clearer"></div>

				</div>

			</div>

		</div>
	</h:body>
</f:view>

</html>